﻿<%@ Page Language="C#" AutoEventWireup="true" CodeFile="monthly-sales-target.aspx.cs"
    Inherits="monthly_sales_target" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head id="Head1" runat="server">
    <title>Monthly Agents Sales Target</title>
    <meta http-equiv="refresh" content="600" />
    <link rel="stylesheet" type="text/css" href="css/lcd-style.css" />
    <link rel="shortcut icon" href="favicon.png" />

    <script type="text/javascript" src="js/jquery-1.11.1.min.js"></script>

    <script type="text/javascript" src="js/jquery.circliful.min.js"></script>

    <script type='text/javascript' src="js/jquery.canvasjs.min.js"></script>

</head>
<body>
    <form id="form1" runat="server">
    <asp:Label runat="server" Text="<%$Resources:General,LangOption%>" Visible="false"
        ID="lblLangOption" />
    <asp:Label runat="server" ID="lblLanguage" Visible="false" />
    <div runat="server" id="divSalesTarget" visible="true">
        <div class="total-wrapper">
            <div class="row top-20">
                <div class="twelve columns" runat="server" id="divMenu">
                    <div class="three columns">
                        <b>Chart Type</b>
                        <asp:DropDownList ID="ddlChartType" runat="server" Width="120" Height="30" Font-Size="16px"
                            AutoPostBack="true" OnSelectedIndexChanged="ddlChartType_SelectedIndexChanged">
                            <asp:ListItem Value="M" Text="Month wise" Selected="True"></asp:ListItem>
                            <asp:ListItem Value="A" Text="Agent wise"></asp:ListItem>
                        </asp:DropDownList>
                    </div>
                    <div class="four columns" runat="server" id="divMonthwise" style="float: left;">
                        <b>Sales Month</b>
                        <asp:DropDownList ID="ddlMonth" runat="server" Width="100" Height="30" Font-Size="16px"
                            AutoPostBack="true" OnSelectedIndexChanged="ddlMonth_SelectedIndexChanged">
                            <asp:ListItem Value="01" Text="Jan"></asp:ListItem>
                            <asp:ListItem Value="02" Text="Feb"></asp:ListItem>
                            <asp:ListItem Value="03" Text="Mar"></asp:ListItem>
                            <asp:ListItem Value="04" Text="Apr"></asp:ListItem>
                            <asp:ListItem Value="05" Text="May"></asp:ListItem>
                            <asp:ListItem Value="06" Text="Jun"></asp:ListItem>
                            <asp:ListItem Value="07" Text="Jul"></asp:ListItem>
                            <asp:ListItem Value="08" Text="Aug"></asp:ListItem>
                            <asp:ListItem Value="09" Text="Sep"></asp:ListItem>
                            <asp:ListItem Value="10" Text="Oct"></asp:ListItem>
                            <asp:ListItem Value="11" Text="Nov"></asp:ListItem>
                            <asp:ListItem Value="12" Text="Dec"></asp:ListItem>
                        </asp:DropDownList>
                        <asp:DropDownList ID="ddlYear" runat="server" Width="100" Height="30" Font-Size="16px"
                            AutoPostBack="true" OnSelectedIndexChanged="ddlYear_SelectedIndexChanged">
                        </asp:DropDownList>
                    </div>
                    <div class="four columns" runat="server" id="divAgentwise">
                        <b>Agent</b>
                        <asp:DropDownList ID="ddlAgent" runat="server" Width="300" Height="30" Font-Size="16px"
                            AutoPostBack="true" OnSelectedIndexChanged="ddlAgent_SelectedIndexChanged">
                        </asp:DropDownList>
                    </div>
                    <div class="five columns">                        
                        <asp:Label ID="lblLastYearCollectionTitle" runat="server" CssClass="tx-title-ranking-ly"></asp:Label>                            
                        <asp:Label ID="lblLastYearCollection" runat="server" CssClass="tx-title-ranking"></asp:Label>
                    </div>
                </div>
            </div>
            <div class="row top-20" id="divMonthSalesDisplay" runat="server">
                <div class="four columns">
                    <div class="tab-total-target" style="height: 170px !important;">
                        <div class="row">
                            <div class="eight columns">
                                <div>
                                    <h4 class="header">
                                        <asp:Label ID="lblTotalTargetTitle" runat="server"></asp:Label></h4>
                                </div>
                                <div>
                                    <h2 class="tx-white">
                                        <asp:Label ID="lblTotalTarget" runat="server"></asp:Label></h2>
                                </div>
                            </div>
                            <div class="four columns">
                                <div class="circle-container" style="color: #666; display: none;">
                                    <div class="circlestat" data-dimension="150" data-text="55%" data-width="10" data-fontsize="32"
                                        data-percent="55" data-fgcolor="#333" data-bgcolor="#ccc" data-fill="#fff" id="divTarget"
                                        runat="server">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="four columns">
                    <div class="tab-total-collection">
                        <div class="row">
                            <div class="eight columns">
                                <div>
                                    <h4 class="header">
                                        <asp:Label ID="lblTotalCollectionTitle" runat="server"></asp:Label></h4>
                                </div>
                                <div>
                                    <h2 class="tx-white">
                                        <asp:Label ID="lblTotalCollection" runat="server"></asp:Label></h2>
                                </div>
                            </div>
                            <div class="four columns">
                                <div class="circle-container" style="color: #666;">
                                    <div class="circlestat" data-dimension="150" data-text="55%" data-width="10" data-fontsize="32"
                                        data-percent="55" data-fgcolor="#333" data-bgcolor="#ccc" data-fill="#fff" id="divCollection"
                                        runat="server">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="four columns">
                    <div class="tab-total-balance">
                        <div class="row">
                            <div class="eight columns">
                                <div>
                                    <h4 class="header">
                                        <asp:Label ID="lblTargetBalanceTitle" runat="server"></asp:Label></h4>
                                </div>
                                <div>
                                    <h2 class="tx-white">
                                        <asp:Label ID="lblTargetBalance" runat="server"></asp:Label></h2>
                                </div>
                            </div>
                            <div class="four columns">
                                <div class="circle-container" style="color: #666;">
                                    <div class="circlestat" data-dimension="150" data-text="55%" data-width="10" data-fontsize="32"
                                        data-percent="55" data-fgcolor="#333" data-bgcolor="#ccc" data-fill="#fff" id="divBalance"
                                        runat="server">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>

                <script type="text/javascript">
                    $(function() {
                        $('.circlestat').circliful();
                    });
                </script>

            </div>
            <div class="row top-20" id="divMonthSalesCount" runat="server">
                <div class="four columns">
                    <div class="tab-total-new" style="height: 100px !important;">
                        <div class="row">
                            <div class="twelve columns">
                                <div>
                                    <h4 class="tx-white uppercase" style="font-size:21px !important;">
                                        <span style="padding-right:10px;">New Sales:</span>
                                        <asp:Label ID="lblNewSalesCount" runat="server">0</asp:Label>
                                    </h4>
                                </div>
                                <div>
                                    <h2 class="tx-white" style="margin-top:-10px !important;">
                                        <asp:Label ID="lblNewSalesAmount" runat="server">000.00</asp:Label>
                                        <span style="float:right; color:#FAA71B;"><asp:Label ID="lblNewSalesPer" runat="server">0</asp:Label></span>
                                    </h2>
                                </div>
                            </div>
                            <div class="three columns" style="display:none;">
                                <div class="circle-container" style="color: #666;">
                                    <div class="circlestat" data-dimension="100" data-text="55%" data-width="6" data-fontsize="22"
                                        data-percent="55" data-fgcolor="#333" data-bgcolor="#ccc" data-fill="#fff" id="divNewSalesPer"
                                        runat="server">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="four columns">
                    <div class="tab-total-new" style="height: 100px !important;">
                        <div class="row">
                            <div class="twelve columns">
                                <div>
                                    <h4 class="tx-white uppercase" style="font-size:21px !important;">
                                        <span style="padding-right:10px;">New Sales (Other):</span>
                                        <asp:Label ID="lblOtherSalesCount" runat="server">0</asp:Label>
                                    </h4>
                                </div>
                                <div>
                                    <h2 class="tx-white" style="margin-top:-10px !important;">
                                        <asp:Label ID="lblOtherSalesAmount" runat="server">000.00</asp:Label>
                                        <span style="float:right; color:#FAA71B;"><asp:Label ID="lblOtherSalesPer" runat="server">0</asp:Label></span>
                                    </h2>
                                </div>
                            </div>
                            <div class="three columns" style="display:none;">
                                <div class="circle-container" style="color: #666;">
                                    <div class="circlestat" data-dimension="100" data-text="55%" data-width="6" data-fontsize="22"
                                        data-percent="55" data-fgcolor="#333" data-bgcolor="#ccc" data-fill="#fff" id="divOtherSalesPer"
                                        runat="server">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="four columns">
                    <div class="tab-total-new" style="height: 100px !important;">
                        <div class="row">
                            <div class="twelve columns">
                                <div>
                                    <h4 class="tx-white uppercase" style="font-size:21px !important;">
                                        <span style="padding-right:10px;">Renewal Sales:</span>
                                        <asp:Label ID="lblRenewalSalesCount" runat="server">0</asp:Label>
                                    </h4>
                                </div>
                                <div>
                                    <h2 class="tx-white" style="margin-top:-10px !important;">
                                        <asp:Label ID="lblRenewalSalesAmount" runat="server">000.00</asp:Label>
                                        <span style="float:right; color:#FAA71B;"><asp:Label ID="lblRenewalSalesPer" runat="server">0</asp:Label></span>
                                    </h2>
                                </div>
                            </div>
                            <div class="three columns" style="display:none;">
                                <div class="circle-container" style="color: #666;">
                                    <div class="circlestat" data-dimension="100" data-text="55%" data-width="6" data-fontsize="22"
                                        data-percent="55" data-fgcolor="#333" data-bgcolor="#ccc" data-fill="#fff" id="divRenewalSalesPer"
                                        runat="server">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 25px;" id="divMonthSalesGraph" runat="server">
            <div class="six columns">
                <div class="chart-bg">
                    <div>
                        <span class="tx-title-renewal">
                            <%=GetGlobalResourceObject("General", "NEW")%>
                            | </span><span class="tx-title-ranking">
                                <%=GetGlobalResourceObject("General", "RANKING")%></span></div>
                    <div id="chartContainerNew" style="height: 300px; width: 100%;">
                    </div>
                </div>
            </div>
            <div class="six columns">
                <div class="chart-bg">
                    <div>
                        <span class="tx-title-renewal">
                            <%=GetGlobalResourceObject("General", "RENEWAL")%>
                            | </span><span class="tx-title-ranking">
                                <%=GetGlobalResourceObject("General", "RANKING")%></span></div>
                    <div id="chartContainerRenewal" style="height: 300px; width: 100%;">
                    </div>
                </div>
            </div>
        </div>
        <div class="row" style="margin-top: 25px;" id="divAgentSalesGraph" runat="server">
            <div class="eight columns">
                <div class="chart-bg">
                    <div id="chartContainer" style="height: 400px; width: 100%;">
                    </div>
                </div>
            </div>
        </div>
    </div>
    <div runat="server" id="divSecurityLogin" visible="false">
        <div class="login_outer">
            <div class="login_inner">
                <strong>User Name</strong>
                <asp:RequiredFieldValidator ID="rfvSiteUser" runat="server" ControlToValidate="txtSiteUser"
                    Display="Dynamic" ErrorMessage="" ValidationGroup="signin">*</asp:RequiredFieldValidator>
                <asp:TextBox ID="txtSiteUser" runat="server" MaxLength="8" Height="40px"></asp:TextBox>
                <br />
                <strong>Password</strong>
                <asp:RequiredFieldValidator ID="rfvPassword" runat="server" ControlToValidate="txtSiteUserAuthCode"
                    ErrorMessage="" ValidationGroup="signin">*</asp:RequiredFieldValidator>
                <asp:TextBox ID="txtSiteUserAuthCode" runat="server" TextMode="Password" MaxLength="10"
                    Height="40px"></asp:TextBox>
                <asp:Button ID="btnSignIn" runat="server" OnClick="btnSignIn_Click" ValidationGroup="signin"
                    class="login_butt" Height="40px" />
                <asp:Label ID="lblMessage" runat="server" Font-Bold="True" Width="400px" ForeColor="red"></asp:Label>
            </div>
        </div>
    </div>
    <asp:Literal ID="ltScripts" runat="server"></asp:Literal>
    <%--<asp:Literal ID="ltScriptsTarget" runat="server"></asp:Literal>--%>
    <asp:Literal ID="ltScriptsAgent" runat="server"></asp:Literal>
    </form>
</body>
</html>
